body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; }  
body, button, input, select, textarea { font:12px Arial, Tahoma, '微软雅黑'; color:#454545; }  
button, input, select, textarea, h1, h2, h3, h4, h5, h6 { font-size:100%; }  
h2, h3 { font-size:14px; }  
button, input, select, textarea, label { vertical-align:middle; outline:none; border: 0;}  
img { vertical-align:middle; border:none; display:inline-block; max-width: 100%;}  
ul, ol { list-style:none; }  
a { text-decoration:none; color:#454545; vertical-align:baseline; cursor:pointer; }  
a:hover { color:#000; }  
table { border-collapse:collapse; border-spacing:0; }  
body { word-wrap:break-word; word-break:break-all;}  

/*清浮*/  
.g-cf:after { content:""; clear:both; display:table; }  
.g-cf { zoom:1; }  
/*浮动*/  
.g-f-l { float:left; _display:inline; }  
.g-f-r { float:right; _display:inline; } 

/*字体设置*/
@font-face {
    font-family: 'NotoSansHansDemiLight';
    src: url('../fonts/NotoSansHansDemiLight.eot');
    src: url('../fonts/NotoSansHansDemiLight.eot?#iefix') format('embedded-opentype'),
         url('../fonts/NotoSansHansDemiLight.woff') format('woff'),
         url('../fonts/NotoSansHansDemiLight.ttf') format('truetype'),
         url('../fonts/NotoSansHansDemiLight.svg#FZLTCHJW') format('svg');
}
.suspend{ position: fixed; right: 20px; top: 30%; text-align: center; z-index: 99;}
.suspend img{ display: block;margin:0 auto;}
.suspend ul li{ margin-bottom: 28px;text-align:center;}
.suspend ul li span{ display: block; color: #191919; opacity: .9; margin-top: 5px;transform: translateX(-2px);}
.xf—phone {
	position: absolute;
	left: ;
}



.a-but{ overflow: hidden; background-color: #17a6e0; height: 50px; line-height: 50px; width: 185px; text-align: left; padding-left: 35px; border-radius: 30px; box-shadow: 1px 1px 1px #ccc; font-size: 14px; color: #fff; }
.a-but-seo{ overflow: hidden; background-color: #17a6e0; height: 50px; line-height: 50px; width: 120px; text-align: left; padding-left: 20px; border-radius: 30px; box-shadow: 1px 1px 1px #ccc; font-size: 14px; color: #fff;position: absolute;bottom: 83px;right: -2px;}
.a-but-seo1{ overflow: hidden; background-color: #17a6e0; height: 50px; line-height: 50px; width: 185px; text-align: left; padding-left: 13px; border-radius: 30px; box-shadow: 1px 1px 1px #ccc; font-size: 14px; color: #fff;position: absolute;bottom: -16px;right: 129px;}
.a-but-planmake{ overflow: hidden; background-color: #17a6e0; height: 50px; line-height: 50px; width: 185px; text-align: left; padding-left: 35px; border-radius: 30px; box-shadow: 1px 1px 1px #ccc; font-size: 14px; color: #fff;position: absolute;bottom: -16px; left:300px;}
.a-but-xxl{ overflow: hidden; background-color: #17a6e0; height:50px; line-height: 50px; width: 195px; text-align: left; padding-left: 35px; border-radius: 30px;
 box-shadow: 1px 1px 1px #ccc; font-size: 14px; color: #fff;position:absolute; bottom: -16px; left:240px;}
.a-but img{ float: right; margin:20px 30px; transition: all .3s; }
.a-but1 img{margin:-30px 30px;}
.a-but-seo1 img{ float: right; margin:20px 16px; transition: all .3s; }
.a-but-planmake img{ float: right; margin:-30px 30px; transition: all .3s; }
.a-but-xxl img{float: right; margin:-30px 30px; transition: all .3s; }

.a-but:hover img{ margin-right:50px; transition: all .3s; }
.a-but-seo1:hover img{ margin-right:30px; transition: all .3s; }
.a-but-planmake:hover img{ margin-right:50px; transition: all .3s; }
.a-but-xxl:hover img{margin-right:50px;transition: all .3s;}

.wrap{ width: 100%; max-width: 1920px; margin: 0 auto; overflow: hidden;}
.container{ width: 100%; max-width: 1200px; margin: 0 auto;}


.top{ width: 100%; height: 65px; background: url(../Images/topbg_02.jpg) repeat-x; position: relative;}
.top:after{ content: ""; position: absolute; width: 100%; height: 6px; background: url(../Images/topbg2_05.png) repeat-x; left: 0; top: 65px;}
.top .container{ position: relative;}
.logo{ position: absolute; left: 0; top: 0; z-index: 99;}
.top ul{ float: left; line-height: 65px; margin-left: 200px;}
.top ul li{ float: left; font-size: 15px; position: relative;}
.top ul li a{ color: #fff; padding: 0 14px; display: block; transition: all linear .2s;}
.naver{ position: absolute; width:138px; left: 50%; top: 65px; transform: translateX(-50%); background-color: rgba(0,0,0,.9); z-index: 9; display: none;}
.naver span{ display: block; height: 39px; line-height: 39px; text-align: center; border-bottom: 1px solid #262626; font-size: 14px; overflow: hidden;}
.top ul li .naver span a{ color: #bbb; display: block;}
.top ul li .naver span:hover a{ color: #00a0e9;}
.top ul li.active a{ color: #00a0e9;}
.top ul li:hover{ background: url(../Images/topbg_03.png) no-repeat center bottom;}
.top ul li:hover > a{ color: #00a0e9;}
.top ul li:hover .naver{ display: block;}
.ask{ width: 90px; height: 40px; text-align: center; line-height: 40px; color: #fff; font-size: 15px; background: url(../Images/sqbg_03.jpg) no-repeat; margin-top: 14px;}
.ask a{ color: #fff; display: block;}
.tel{ display: block; float: left; margin-top: 23px; margin-left: 20px; padding-left: 18px; color: #fff; font-size: 18px; background: url(../Images/telbg_03.jpg) no-repeat left center;}
a.language{ display: block; float: left; margin-top: 25px; margin-left: 18px;}

.banner{ width: 100%; height: 540px; background: url(../Images/banbg_03.jpg); position: relative; z-index:0}
.banner .container{ height: 540px; position: relative;}
.banner-item{ position: absolute; left: 0; top: 0; width: 100%; height: 540px; background: url(../Images/banbg_032.jpg);}
.banner-wen{ position: absolute; left: 0; top: 160px; opacity: 0; transition: all linear .4s;}
.banner-wen strong{ display: block; font-weight: normal; font-size: 50px; color: #fff; margin-bottom: 20px;}
.banner-wen span{ color: #fff; font-size: 18px;}
.banner-wen p{ font-size: 14px; color: #fff; opacity: .1; line-height: 18px; width: 480px; word-wrap : break-word; word-break: break-all; overflow: hidden; margin-top: 8px;}
.banner-wen a{ display: block; position: absolute; width: 92px; height: 25px; text-align: center; line-height: 25px; font-size: 12px; color: #fff; text-transform: uppercase; border: 1px solid #808080; background-color: rgba(255,255,255,.05); left: 0; bottom: -50px; z-index: 9;}
.banner-item ul{ position: absolute; left: 0; top: 0; width: 100%; height: 463px;}
.banner-item ul li{ position: absolute; left: 47.9%;}
.bannerUl{ position: absolute; left: 18.66%; bottom:75px; z-index: 99;}
.bannerUl li{ width: 6px; height: 6px; border-radius: 50%; background-color: #6e6e6e; float: left; margin: 0 5px; cursor: pointer;}
.bannerUl li.active{ background-color: #159fe3;}
.banner-item ul li.pic1{ top: 58px;}
.banner-item ul li.pic2{ top: 68px;}
.banner-item ul li.pic3{ top: 78px;}

.xz-banner{ position: relative;}
.xz-banner .xz-news { display:block; }
.xz-news .container{ position: relative; padding-right: 100px;padding: 6px; box-sizing: border-box;}
.xz-news{ font-size: 0; position: absolute; bottom:0; left:0; line-height:26px; width: 100%; background: rgba(0,0,0,.5); z-index: 2; }
.xz-news a{ color:#ffffff; opacity: .8; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.xz-news a:hover{ opacity: 1;}
.xz-news span{ vertical-align: middle;  display: inline-block; font-size: 13px; width: 30%; margin-right: 3%;}
.xz-news em{ font-style: normal;}
.xz-news .more{ position:absolute; top:0; right:0; font-size: 13px;}


.xz-mb-news{ display: none; position: relative; height:34px;line-height:34px; padding:0 10px;  background: rgba(0,0,0,.5); overflow: hidden;}
.xz-mb-news #FontScroll{width:100%;height:34px;line-height:34px;}
.xz-mb-news li{ position: relative;  padding-right:70px; }
.xz-mb-news li a{ color: #fff; }
.xz-mb-news li span em{ margin-right:5px ; font-style: normal;}
.xz-mb-news li span a{  display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.xz-mb-news li .btmore{ position:absolute; top:0; right:0; height:34px;line-height:34px; }





.title{ width: 100%; border-bottom: 2px solid #29282d; overflow: hidden; margin-top: 45px;}
.title strong{ display: block; float: left; font-weight: normal; font-size: 28px; color: #29282d; line-height: 58px; height: 58px;}
.title strong span{ font-size: 30px; text-transform: uppercase; padding-left: 20px; line-height: 62px; font-family: 'NotoSansHansDemiLight'; float: right;}
.title a{ display: block; color: #29282d; text-transform: uppercase; opacity: .5; float: right; list-style: 38px; margin-top: 28px; transition: all ease-in-out .2s;}
.title a:hover{ opacity: 1;}
.product ul{ overflow: hidden; margin-top: 52px;}
.product ul li{ float: left; width: 50%; height: 199px; margin-bottom: 2px; background-size: 100% 100%; position: relative;}
.product ul li img{ margin-left: 1px;}
.product ul li:nth-child(odd) img{ float: right; margin-right: 1px;}
.product-wen{ width: 346px; position: absolute; left: 0; top: 30px; z-index: 10; transition: all ease-in-out .2s;}
.num{ width: 40px; height: 40px; text-align: center; line-height: 40px; border: 1px solid #ddd; font-size: 18px; color: #999; float: right; transition: all ease-in-out .2s;}
.product-bg{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 9; display: none;}
.product-con{ margin-right: 62px;}
.product-tit{ border-bottom: 1px solid #ddd; line-height: 38px; font-size: 24px; color: #29282d; text-align: right; position: relative; transition: all ease-in-out .2s;}
.product-tit:after{ content: ""; position: absolute; width: 29px; height: 2px; background-color: #bbb; left: 0; bottom: -1px; transition: all ease-in-out .2s;}
.product-con p{ font-size: 14px; color: #777; line-height: 30px; height: 90px; margin-top: 13px; text-align: right;}
.product-con a.pro-more{ float: left; position: absolute; left: 0; bottom: 0; width: 67px; height: 20px; text-align: center; line-height: 20px; color: #fff; text-transform: uppercase; font-size: 10px; background-color: #12a3ff; border-radius: 10px; display: none;}
.product-wen2{ width: 346px; position: absolute; right: 0; top: 30px; z-index: 10; transition: all ease-in-out .2s;}
.num2{ float: left;}
.product-con2{ margin-right: 0; margin-left: 62px;}
.product-tit2{ text-align: left;}
.product-tit2:after{ left: auto; right: 0;}
.product-con2 p{ text-align: left;}
.product-con2 a.pro-more{ left: auto; right: 0;}
.product ul li:hover .product-wen{ left: 48px; width: 506px;}
.product ul li:hover .num{ border: 1px solid #12a3ff; color: #12a3ff;}
.product ul li:hover .product-tit{ color: #12a3ff;}
.product ul li:hover .product-tit:after{ background-color: #12a3ff;}
.product ul li:hover .product-wen2{  right: 48px; width: 506px;}


	.pc-pro{ margin-top: 34px;}
	.pc-pro1{ width: 35.58%; height: 568px; background: url(../Images/probg1.jpg) no-repeat;}
	.pc-pro2{ width: 35.58%; height: 568px; background: url(../Images/probg2.jpg) no-repeat;}
	.pc-pro3{ width: 28.83%; height: 568px; background: url(../Images/probg2.jpg) no-repeat;}
	.pc-pro-tit{ width: 108px; height: 40px; background-color: #29282d; font-size: 20px; color: #fff; line-height: 40px; text-align: center; transition: all linear .2s;}
	.pc-pro ul li{ margin-top: 32px; overflow: hidden;}
	.pc-pro-ico{ width: 90px; height: 90px; position: relative;}
	.pc-pro-xz{ position: absolute; width: 90px; height: 90px; left: 0; top: 0; background: url(../Images/xz.png) no-repeat; transition: all linear 3s; }
	.pc-pro-co1{ position: absolute; width: 90px; height: 90px; left: 0; top: 0; background: url(../Images/co1.png) no-repeat;transition: all .3s;}
	.pc-pro-co2{ position: absolute; width: 90px; height: 90px; left: 0; top: 0; background: url(../Images/co2.png) no-repeat;transition: all .3s;}
	.pc-pro-co3{ position: absolute; width: 90px; height: 90px; left: 0; top: 0; background: url(../Images/co3.png) no-repeat;transition: all .3s;}
	.pc-pro-co4{ position: absolute; width: 90px; height: 90px; left: 0; top: 0; background: url(../../../img/icon/co4.png) no-repeat;transition: all .3s;}
	.pc-pro-co5{ position: absolute; width: 90px; height: 90px; left: 0; top: 0; background: url(../Images/co5.png) no-repeat;transition: all .3s;}
	.pc-pro-co6{ position: absolute; width: 90px; height: 90px; left: 0; top: 0; background: url(../Images/co6.png) no-repeat;transition: all .3s;}
	.pc-pro-co7{ position: absolute; width: 90px; height: 90px; left: 0; top: 0; background: url(../Images/co4.png) no-repeat;transition: all .3s;}
	.pc-pro-co8{ position: absolute; width: 90px; height: 90px; left: 0; top: 0; background: url(../../../img/icon/co8.png) no-repeat;transition: all .3s;}
	.pc-pro-co9{ position: absolute; width: 90px; height: 90px; left: 0; top: 0; background: url(../../../img/icon/co9.png) no-repeat;transition: all .3s;}


	.pc-pro-wen{ width: 212px; margin-left: 52px; position: relative;}
	.pc-pro-wen:after{ content: ""; position: absolute; width: 3px; height: 15px; background-color: #ddd; left: -34px; top: 9px; transition: all linear .2s;}
	.pc-pro-wen strong{ font-weight: normal; font-size: 20px; color: #29282d; line-height: 34px; padding-right: 33px;background: url(../Images/xg_17.png) no-repeat -999px center; transition: all .3s;}
	.pc-pro-wen p{ font-size: 14px; color: #777; line-height: 24px;}
	.pc-pro3 .pc-pro-wen{ width: 202px;}
	.pc-pro1:hover .pc-pro-tit, .pc-pro2:hover .pc-pro-tit, .pc-pro3:hover .pc-pro-tit{ background-color: #00a0e9;}
	.pc-pro ul li:hover .pc-pro-wen strong{ background: url(../Images/xg_17.png) no-repeat right center; transition: all .2s;}
	.pc-pro ul li:hover .pc-pro-wen:after{ height: 72px; background-color: #00a0e9;}
	.pc-pro ul li:hover .pc-pro-xz{ /*background: url(../Images/xz2.png) no-repeat;*/}

	.pc-pro ul li:hover .pc-pro-xz{ /*background: url(../Images/xz2.png) no-repeat;*/}
	.pc-pro ul li:hover .pc-pro-co1{ background: url(../Images/co7.png) no-repeat;}
	.pc-pro ul li:hover .pc-pro-co2{ background: url(../Images/co8.png) no-repeat;}
	.pc-pro ul li:hover .pc-pro-co3{ background: url(../Images/co9.png) no-repeat;}
	.pc-pro ul li:hover .pc-pro-co4{ background: url(../../../img/icon/co41.png) no-repeat;}
	.pc-pro ul li:hover .pc-pro-co5{ background: url(../Images/co11.png) no-repeat;}
	.pc-pro ul li:hover .pc-pro-co6{ background: url(../Images/co12.png) no-repeat;}
	.pc-pro ul li:hover .pc-pro-co7{ background: url(../Images/co10.png) no-repeat;}
	.pc-pro ul li:hover .pc-pro-co8{ background: url(../../../img/icon/co81.png) no-repeat;}
	.pc-pro ul li:hover .pc-pro-co9{ background: url(../../../img/icon/co91.png) no-repeat;}


.pc-pro ul li.zhuan .pc-pro-xz{ animation: circle2 2s linear infinite; }
	 @keyframes circle2 {
        0% { transform:rotate(0);}
        100% { transform:rotate(360deg);}
      }
		
/* 产品与服务 end */

.zh-right{position: relative; background: url(../Images/zline_07.png) no-repeat left 90px;height: 349px; padding-bottom: 98px; }
.zh-left{ position: absolute; top:0; right:0; }
.strategy{ height: 349px; margin-bottom: 175px; position: relative; }
.strategy-tit{ padding-top: 59px;}
.strategy-tit strong{ font-weight: normal; font-size: 30px; color: #29282d; line-height: 58px; height: 58px; float: left;}
.strategy-tit strong span{ font-size: 36px; text-transform: uppercase; padding-left: 20px; line-height: 54px; float: right; font-family: 'NotoSansHansDemiLight'; transform: translateY(2px);}
.strategy-con{ margin-left: 72px; width: 692px; margin-top: 58px; float: left;}
.strategy-con p{ font-size: 16px; color: #333; line-height: 30px;}
.strategy-con span{ display: block; color: #ccc; line-height: 24px;}
.strategy a.cl-more{ display: block; width: 130px; height: 37px; line-height: 37px; text-align: center; color: #fff; text-transform: uppercase; font-size: 18px; left: 21.4%; position: absolute; bottom: 8px;}


.customer{height: 530px;position: relative;}
.customer .container{ position: relative;}
.customer ul{ overflow: hidden; height: 530px;}
.customer ul li{float: left;width: 199px;height: 144px;margin-right: 1px;margin-top: 25px;text-align: center;}
.customer ul li img{ margin-top: 39px; display: inline-block; }
a.kh-more{ display: block; width: 92px; height: 25px; text-align: center; line-height: 25px; border: 1px solid #29282d; text-transform: uppercase; position: absolute; right: 50px; bottom: 62px; color: #29282d;}
.customer-shadow{ position: absolute; left: 0; top: 0; width: 100%; height: 530px; background: #0e151b; background-color: rgba(0,0,0,.8); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=82);}
.customer-wen{ width: 352px; height: 124px; background: url(../Images/khbg_03.png) no-repeat; margin: 163px auto 0;}
.customer-wen strong{ font-weight: normal; font-size: 32px; color: #fff; display: block; text-align: center; transform: translateY(-22px);}
.customer-wen i{ display: block; width: 50px; height: 2px; background-color: #12a3ff; margin: 0 auto 0;}
.customer-wen span{ display: block; text-align: center; color: #fff; text-transform: uppercase; font-size: 24px; margin-top: 22px}


.view{ margin-top: 45px; position: relative;}

.view-con ul li{ float: left; width: 47.5%; margin-top: 38px;}
.view-con ul li:nth-child(2n){ float: right;}
.view-pic{ width: 42.45%;}
.view-wen{ width: 53.33%;}
.view-date{ font-size: 14px; color: #999; margin-top: 13px;}
.view-date span{ display: inline-block; width: 37px; text-align: right; border-bottom: 1px solid #d7d7d7; margin-right: 20px; transition: all linear .2s;}
.view-wen strong{ display: block; font-weight: normal; font-size: 16px; color: #29282d; height: 30px; overflow: hidden; line-height: 30px; margin-top: 22px; transition: all linear .2s;}
.view-wen p{ font-size: 14px; color: #999; line-height: 24px; height: 48px; overflow: hidden; margin-top: 16px;}
.view-con ul li:hover .view-date span{ width: 100px;}
.view-con ul li:hover .view-wen strong{ color: #00a0e9;}


.reports{ margin-top: 75px;}
.reports ul{ padding-top: 40px; background: url(../Images/mediabg_03.jpg) no-repeat left top; overflow: hidden; padding-bottom: 52px; position: relative;}
.reports ul li{ box-sizing: border-box; float: left; width: 26.5%; margin-left: 6.5%; margin-top: 10px; margin-bottom: 46px;}
.reports ul li strong{ font-weight: normal; font-size: 16px; padding-left: 21px; background: url(../Images/media_03.jpg) no-repeat left center; height: 42px; line-height: 42px; overflow: hidden;}
.reports ul li strong a{ color: #29282d;}
.reports ul li p{ font-size: 14px; color: #aaa; line-height: 24px; height: 96px; overflow: hidden; padding-left: 21px; margin-top: 12px;}
.reports ul li p a{ display: block; color: #aaa;}
.reports ul li p a span{ color: #777;}
.reports ul li:hover strong{ background: url(../Images/media2_03.jpg) no-repeat left center;}
.reports ul li:hover p span{ color: #12a3ff;}
.fx1{ position: absolute; right: 0; bottom: 0;}
.fx1 span{ float: left; font-size: 14px; color: #999; line-height: 30px;}
.fx1 a.bds_weixin{ display: block; width: 31px; height: 30px; padding: 0; background: url(../Images/fx1_03.jpg) no-repeat; background-position: 0; margin: 0 5px;}
.fx1 a.bds_tsina{ display: block; width: 31px; height: 30px; padding: 0; background: url(../Images/fx2_03.jpg) no-repeat; background-position: 0; margin: 0 5px;}



.encyclopedia{ width: 100%; height: 423px; background: url(../Images/ency_02.jpg) no-repeat; margin-top: 80px; padding-top: 1px;}
.encyclopedia .title{ border-bottom: 2px solid #454545; margin-top: 30px;}
.encyclopedia .title strong{ color: #fff;}
.encyclopedia .title strong span{ color: #fff; opacity: .15;}
.encyclopedia .title a{ color: #fff; opacity: .25;}
.encyclopedia-title{ width: 47.9%; margin-top: 36px;}
.encyclopedia-title ul li{ border: 1px solid #505051; background-color: #fff; background-color: rgba(255,255,255,.1); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=10); height: 47px; line-height: 47px; text-indent: 18px; font-size: 16px; overflow: hidden; margin-bottom: 15px;}
.encyclopedia-title ul li a{ color: #fff; display: block; background: url(../Images/jia_04.png) no-repeat right bottom;}
.encyclopedia-title ul li:hover a{ background: #00a0e9;}
.encyclopedia-title ul li.active a{ background: #00a0e9;}
.encyclopedia-xq{ width: 47.8%; border: 1px solid #505051; margin-top: 36px; background-color: #fff; background-color: rgba(255,255,255,.1); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=10); height: 240px;}
.ency-item{ overflow: hidden;}
.ency-item .date{ width: 110px; margin-left: 34px; border-bottom: 0; padding-bottom: 0; margin-top: 26px;}
.ency-item .date span.day{ display: block; color: #fff; font-size: 56px; line-height: 52px;}
.ency-item .date span.month{ color: #fff; font-size: 16px;}
.ency-item .date .day-en{ color: #fff; font-size: 14px; line-height: 24px;}
.ency-wen{ width: 355px; margin-right: 28px; margin-top: 26px;}
.ency-wen strong{ display: block; font-weight: normal; font-size: 18px; line-height: 36px; height: 36px; overflow: hidden;}
.ency-wen strong a{ color: #fff;}
.ency-wen p{ font-size: 13px; color: #999; line-height: 24px; height: 72px; overflow: hidden; margin-top: 18px;}
.ency-wen p a{ color: #999; display: block;}
.fx2{ margin-left: 38px; float: left;}
.fx2 span{ display: block; font-size: 13px; color: #999; line-height: 26px;}
.fx2 a.bds_weixin{ display: block; width: 31px; height: 30px; padding: 0; background: url(../Images/fx1_03.png) no-repeat; background-position: 0; margin-right: 8px;}
.fx2 a.bds_tsina{ display: block; width: 31px; height: 30px; padding: 0; background: url(../Images/fx2_03.png) no-repeat; background-position: 0; margin-right: 8px;}
.fx2 a.bds_sqq{ display: block; width: 31px; height: 30px; padding: 0; background: url(../Images/fx3_03.png) no-repeat; background-position: 0; margin-right: 8px;}
a.ency-more{ display: block; width: 72px; height: 19px; line-height: 19px; text-align: center; border: 1px solid #595554; background-color: #fff; background-color: rgba(255,255,255,.1); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=10); float: right; color: #fff; margin-right: 28px; margin-top: 36px; font-size: 10px;}


.diagnosis-l{ float: left; width: 350px; margin-top: 50px; margin-bottom: 66px;}
.diagnosis-l strong{ display: block; font-weight: normal; height: 32px; line-height: 32px; padding-left: 40px; background: url(../Images/xlogo_03.jpg) no-repeat left center; font-size: 18px; color: #111; margin-bottom: 32px;}
.diagnosis-l p{ font-size: 14px; color: #333; line-height: 38px; padding-left: 35px;}
.diagnosis-l p.p1{ background: url(../Images/ico1_03.png) no-repeat left center;}
.diagnosis-l p.p2{ background: url(../Images/ico2_03.png) no-repeat left center;}
.diagnosis-l p.p3{ background: url(../Images/ico3_03.png) no-repeat left center;}
.diagnosis-l span{ float: left; margin: 21px 5px 0;}
.diagnosis-r{ margin-left: 350px; margin-top: 50px;}
.diagnosis-r p{ font-size: 18px; color: #111; line-height: 32px;}
.diagnosis-form{ margin-top: 22px;}
.diagnosis-form input{ box-sizing: border-box; height: 43px; border: 1px solid #333; font-size: 14px; color: #222; font-family: '微软雅黑';/* width: 32.5%; margin: 0 0.6% 6px 0; */text-indent: 14px;}
.diagnosis-form input.formbg1{ background: url(../Images/ico6_03.jpg) no-repeat right 10px center!important;}
.diagnosis-form input.formbg2{ background: url(../Images/ico7_03.jpg) no-repeat right 10px center!important;}
.diagnosis-form input.formbg3{ background: url(../Images/ico8_03.jpg) no-repeat right 10px center!important; /*margin-right: 0; width: 33%;*/}
.textarea{ box-sizing: border-box; width: 100%; border: 1px solid #333; height: 153px;}
.textarea textarea{ width: 96%; height: 106px; font-size: 14px; color: #222; font-family: '微软雅黑'; padding: 1% 2%; background-color: transparent;}
.textarea button{ width: 102px; height: 27px; border: 0; background-color: #1c1c1c; color: #fff; font-size: 14px; float: right; margin-right: 5px; cursor: pointer;}
.diagnosis-l span.ewm{ position: relative;}
.diagnosis-l span.ewm i{ display: block; width: 84px; height: 84px; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); display: none;}
.diagnosis-l span.ewm:hover i{ display: block;}

.diagnosis-form-item {
	box-sizing: border-box; 
	float: left;
	width: 50%;
	padding-bottom: 27px;
}

.diagnosis-form-item .iptxt,
.diagnosis-form-item .select { width: 100%; color: #222;}

.diagnosis-form-item-1 {
	padding-right: 13px;
}

.diagnosis-form-item-2 {
	padding-left: 13px;
}

.diagnosis-form-item-3 { width: 100%; float: none;}

.diagnosis-form-item .ipbtn {
	display: block;
	width: 100%;
	height: 34px;
	line-height: 34px;
	text-align: center;
	color: #fff;
	background-color: #1c1c1c;
}
                    	
::-webkit-input-placeholder { /* WebKit browsers */
color: #999!important;;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #999!important;;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #999!important;;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #999!important;
}
.diagnosis-form-item select {
	box-sizing: border-box; height: 43px; border: 1px solid #333; font-size: 14px; color: #222; font-family: '微软雅黑';text-indent: 14px;
}

@media (max-width: 1000px){
	.diagnosis-l { float: none; width: 100%;}
	.diagnosis-r { margin-left: 0; padding-top: 30px}
}

@media (max-width: 640px){
	.diagnosis-form-item { float: none; width: 100%;}
	.diagnosis-form-item-2 { padding-left: 0;}
	.diagnosis-form-item-1 { padding-right: 0;}
}

.footer1{ padding: 10px 0; background-color: #1c1c1c; line-height: 36px;}
.footer1 span{ color: #ccc; font-size: 13px;}
.footer1 a{ font-size: 13px; color: #666; padding: 0 13px; transition: all ease-in-out .2s;}
.footer1 a:hover{ color: #fff;}
.footer2{ background-color: #242424; padding-bottom: 20px;}
.footer2-l dl{ float: left; width: 115px; margin-right: 75px; margin-top: 15px;}
.footer2-l dl dt{ display: block; font-size: 14px; color: #fff; opacity: .6; line-height: 42px; border-bottom: 1px solid #111; margin-bottom: 14px;}
.footer2-l dl dd{ line-height: 26px; font-size: 14px;}
.footer2-l dl dd a{ color: #888; opacity: .6; transition: all ease-in-out .2s;}
.footer2-l dl dd a:hover{ color: #fff;}
.footer2-r{ width: 280px; margin-top: 32px;}
.footer2-r img{ float: left;}
.footer2-r dl{ float: left; width: 110px; float: right;}
.footer2-r dl dt{ display: block; font-size: 14px; color: #fff; opacity: .6; padding-bottom: 10px; line-height: 1; border-bottom: 1px solid #111; margin-bottom: 30px;}
.footer2-r dl dd{ line-height: 26px; font-size: 14px; color: #888; opacity: .6;}
.footer3{ height: 50px; line-height: 50px; color: #555; background-color: #222; border-top: 1px solid #1d1d1d;}
.footer3 a{ color: #555; margin-right: 36px;}


/* 内页 */
.nybanner{ height: 360px;}
.weizhi{ width: 100%; border-bottom: 1px solid #e4e4e4; height: 77px;}
.navname ul li{float: left;padding: 0 2px;height: 32px;text-align: center;line-height: 33px;border-radius: 16px;margin-top: 21px;font-size: 16px;}
.navname ul li.active{ border: 1px solid #e4e4e4;}
.navname ul li a{padding:5px 12px;color: #202020; transition: all linear .2s;}
.navname ul li a:hover{ color: #00a0e9;}
.navname ul li.active a{ color: #00a0e9;}
.navname ul li:hover a, .navname ul li.current-menu-item a, .navname ul li.current-menu-parent a, .navname ul li.current_page_item a, .navname ul li.current-post-ancestor a {
border-radius:15px; border: 1px solid #e4e4e4; color: #00a0e9;}
.crumbs{ height: 77px; border-left: 1px solid #e4e4e4; line-height: 77px; color: #bbb; padding-left: 26px;}
.crumbs a{ color: #bbb; transition: all linear .2s;}
.crumbs a:hover{ color: #00a0e9;}

.nywrap{ margin-top: 41px;}
.nyleft{ width: 271px; margin-bottom: 66px;}
.nyleft-tit{ height: 69px; line-height: 69px; background-color: #46454e; font-size: 18px; color: #fff; text-align: center;}
.nyleft-tit span{ text-transform: uppercase; font-size: 14px; color: #aaa; padding-left: 12px;}
.nyleft ul{ border: 1px solid #e4e4e4; border-top: 0; border-bottom: 0;}
.nyleft ul li{ height: 52px; border-bottom: 1px solid #e4e4e4; padding: 0 12px 0 35px; font-size: 14px; line-height: 20px; overflow: hidden;}
.nyleft ul li a{ display: block; color: #888; height: 40px; overflow: hidden; margin-top: 15px;}
.nyleft ul li.Stick{ background: url(../Images/stick_03.png) no-repeat 12px 19px;}
.nyleft ul li:hover{ background-color: #eee;}
.nyleft ul li:hover a{ color: #202020;}
.nyright{ width: 872px;}
.nyright-tit{ border-bottom: 2px solid #eee; height: 68px; line-height: 70px; overflow: hidden; font-size: 20px; color: #202020;}
.nyright-tit span{ font-size: 14px; color: #bbb; text-transform: uppercase; padding-left: 12px;}


/* 曼朗观点 */
.viewpoint ul li{ border-bottom: 1px dashed #d7d7d7; padding: 28px 0; overflow: hidden;}
.viewpoint-pic{ width: 30.5%;}
.viewpoint-date{ width: 52px; height: 128px; padding-left: 30px; border-left: 1px solid #eee; margin-top: 17px; background: url(../Images/view1_03.jpg) no-repeat 30px 70px; overflow: hidden;}
.viewpoint-date div{ font-size: 18px; color: #777; font-family: '微软雅黑'; line-height: 1;}
.viewpoint-date div span{ display: block; color: #ccc; font-size: 12px; line-height: 26px;}
.viewpoint-wen{ margin-left: 34.4%; margin-right: 120px;}
.viewpoint-wen strong{ font-weight: normal; font-size: 16px; line-height: 26px; height: 53px; overflow: hidden;}
.viewpoint-wen strong a{ color: #202020;}
.viewpoint-wen p{ font-size: 14px; color: #999; line-height: 30px; height: 90px; overflow: hidden;}
.viewpoint ul li:hover .viewpoint-date{ background: url(../Images/view2_03.jpg) no-repeat 30px 70px;}
.paging{ text-align: right; margin: 39px 0;}
.paging span{ display: inline-block; width: 38px; height: 38px; background-color: #f4f4f4; text-align: center; line-height: 38px; font-size: 14px; margin: 0 4px;}
.paging span a{ color: #999; display: block;}
.paging span img.left2, .paging span img.right2{ display: none;}
.paging span.active{ background-color: #12a3ff;}
.paging span.active a{ color: #fff;}
.paging span:hover{ background-color: #12a3ff;}
.paging span:hover a{ color: #fff;}
.paging span:hover img.left1{ display: none;}
.paging span:hover img.left2{ display: inline-block;}
.paging span:hover img.right1{ display: none;}
.paging span:hover img.right2{ display: inline-block;}

/* 曼朗观点详情页 */
.detail-tit{ text-align: center; height: 70px; line-height: 70px; font-size: 16px; color: #202020; border-bottom: 1px dashed #ccc;}
.compile{ text-align: center;}
.compile span{ display: inline-block; height: 28px; line-height: 28px; font-size: 14px; color: #555; padding: 0 44px 0 63px; position: relative;}
.compile span:after{ content: ""; position: absolute; width: 1px; height: 12px; background-color: #ddd; right: 0; top: 8px;}
.compile .fx3{ display: inline-block; height: 28px; padding: 0 44px 0 68px; background: url(../Images/de3_03.jpg) no-repeat 40px center; transform: translateY(19px);}
.compile span.compile-name{ background: url(../Images/de1_03.jpg) no-repeat 40px center;}
.compile span.compile-date{ background: url(../Images/de2_03.jpg) no-repeat 40px center;}
.detail-con{ margin-bottom: 66px;}
.detail-container p{ font-size: 14px; color: #999; line-height: 30px; text-indent: 2em; margin-top: 22px;}
.detail-container img{ display: block; margin: 16px auto;}
.label{ border-bottom: 1px dashed #ccc; padding-bottom: 16px; margin-top: 50px; font-size: 14px; color: #29282d;}
.label-l a{ display: inline-block; height: 25px; line-height: 25px; padding: 0 20px; border: 1px solid #46454e; margin-left: 6px; color: #29282d;}
.label-l a:hover{ background-color: #46454e; color: #fff;}
.label img{ margin: 0;}
.fanye{ overflow: hidden; margin-top: 30px; margin-bottom: 62px;}
.fanye p{ width: 45%; font-size: 14px; color: #777; float: left; padding-left: 34px; background: url(../Images/fleft1_03.jpg) no-repeat left center;}
.fanye p a{ color: #777;}
.fanye p.next-chapter{ float: right; text-align: right; padding-left: 0; padding-right: 34px; background: url(../Images/fright1_03.jpg) no-repeat right center;}
.fanye p:hover{ color: #00a0e9; background: url(../Images/fleft2_03.jpg) no-repeat left center;}
.fanye p:hover a{ color: #00a0e9;}
.fanye p.next-chapter:hover{ background: url(../Images/fright2_03.jpg) no-repeat right center;}
.interested{ margin-top: 24px;margin-bottom:20px;}
.interested-tit{ height: 48px; line-height: 48px; font-size: 16px; color: #202020; border-bottom: 2px solid #f4f4f4;}
.interested ul li{ padding-right: 30px; border-bottom: 1px dashed #e3e3e3; height: 50px; line-height: 50px; background: url(../Images/jt1_03.jpg) no-repeat right center; overflow: hidden; font-size: 14px;}
.interested ul li a{ display: block; color: #999;}
.interested ul li span{ display: inline-block; margin-right: 24px; height: 14px; line-height: 14px; margin-top: 19px; font-size: 14px; color: #999; padding-right: 24px; border-right: 1px solid #d8d8d8;}
.interested ul li:hover{ background: url(../Images/jt2_03.jpg) no-repeat right center;}



/* 加入我们 */
.join{ margin-top: 72px;}
.join ul li{ width: 31.6%; background: url(../Images/joinbg_03.jpg) no-repeat; background-size: 100% 100%; border-top:1px solid #fff; padding-bottom: 50px; margin-bottom: 36px; position: relative; float: left; margin-right: 2.6%; cursor: pointer;}
.join ul li:nth-child(3n){ margin-right: 0;}
.join ul li:after{ content: ""; position: absolute; width: 35px; height: 34px; background: url(../Images/join2_03.jpg) no-repeat; right: 7px; bottom: 9px;}
.join ul li strong{ display: block; font-weight: normal; width: 113px; height: 28px; line-height: 28px; background-color: #46454d; color: #fff; text-align: center; margin-left: 5px; margin-top: 15px; font-size: 14px; overflow: hidden;}
.join-con{ margin-left: 85px;}
.join-name{ font-size: 18px; color: #202020; margin-top: 28px; padding-bottom: 16px; background: url(../Images/join_03.jpg) no-repeat left bottom; margin-bottom: 12px;}
.join-con p{ font-size: 14px; color: #888; line-height: 26px;}
.join ul li:hover{ background: url(../Images/joinbg2_03.jpg) no-repeat;}
.join ul li:hover:after{ background: url(../Images/join3_03.jpg) no-repeat;}
.paging2{ text-align: center; margin-top: 17px; margin-bottom: 68px;}
.join ul li .join-detail{ display: none;}
.join-popup{ position: fixed; width: 100%; height: 100%; background-color: #000; background-color: rgba(0,0,0,.35); filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=35); left: 0; top: 0; z-index: 999; display: none;}
.join-require{ width: 800px; max-height: 860px; margin: 0 auto; background-color: #fff; position: relative;}
.join-require strong{ display: block; width: 100%; height: 90px; line-height: 90px; text-align: center; font-size: 18px; color: #202020; font-weight: normal; border-bottom: 1px dotted #ccc;}
.join-require .require{ margin: 0 73px;}
.join-require .require span{ font-size: 14px; color: #202020; line-height: 80px; padding-right: 58px;}
.join-require-con{ height: 500px; overflow-y: scroll; padding:0 40px; line-height: 28px; color: #888; font-size: 14px;  }
.join-require-con b{ color: #333; font-size: 14px; padding:10px 0; display: block; font-weight: normal; }
.join-require .join-k{ margin: 0 73px 30px;}
.join-require .join-k b{ font-size: 14px; color: #202020; line-height: 24px; font-weight: normal;}
.join-require .join-k p{ font-size: 14px; color: #888; line-height: 30px;}
.join-require .apply{ border-top: 1px dotted #ccc; height: 100px;}
.join-require .apply a{ display: block; width: 87px; height: 27px; margin: 38px auto 0; background-color: #00a0e9; text-align: center; line-height: 27px; color: #fff;}
.join-require i{ position: absolute; right: -10px; top: -10px; cursor: pointer;}



/* 联系我们 */
.contact{ margin-bottom: 75px;}
.contact-tit strong{ font-size: 20px; color: #fff; font-weight: normal; display: block; width: 142px; height: 41px; line-height: 41px; text-align: center; background-color: #46454e; margin: 41px auto 0; position: relative;}
.contact-tit strong:after{ content: ""; position: absolute; width: 21px; height: 24px; right: -46px; top: -10px; background: url(../Images/pao_03.jpg) no-repeat;}
.contact-tit b{ display: block; text-align: center; font-size: 14px; color: #202020; text-transform: uppercase; height: 40px; line-height: 40px; font-weight: normal;}
.contact-tit p{ font-size: 14px; color: #46454e; text-align: center; line-height: 28px;}
.contact-tit span{ display: block; text-align: center; text-transform: uppercase; color: #aaa; line-height: 24px;}
.contact-k{ margin-bottom: 70px;}
.contact-ico{ border-bottom: 1px dotted #ccc; padding-bottom: 19px; margin-top: 50px;}
.contact-ico span{ display: block; width: 33.33%; float: left; text-align: center;}
.contact-wen ul li{ float: left; width: 33.33%; text-align: center; line-height: 24px; font-size: 14px; color: #202020; margin-top: 16px;}


.ourteam{ margin-top: 84px;}
.ourteam .line-more{ margin-top: 20px; background: none; border-bottom: 1px dashed #bbb;}
.ourteam .line-lf{ text-indent: 0;}
.ourteam .line-lf span{ color:#00a0e9;}

/* 关于曼朗 */
.box-who{ background:url(../Images/ab_08.jpg) bottom repeat-x;}
.bg-bot{ background:url(../Images/abbg_40.jpg) no-repeat center center;}
.title-h2{ font-size:20px; color:#202020; font-weight:normal; text-align:center; line-height:21px; padding-top:10px; padding-bottom:60px;}
.title-h2 p{ color:#aaa; font-size:14px;}
.who-l{ width:30%;}
.who-r{ width:60%; color:#888888; font-size:14px; line-height:24px;}
.who-r strong{ color:#00a0e9; font-weight:normal;}
.who-r p{ padding-bottom:25px;}
.who-r p:last-child{ padding-bottom:0;}
.who-r h3{ font-size:18px; color:#202020; margin-bottom:50px; font-weight:normal;}
.who-r h3 span{ color:#aaa;}
.who-r h3 a{ color:#202020;}
.line-more{ height:65px; text-align:right; background:url(../Images/ab_03.jpg) no-repeat top right;}
.line-more a{ display: inline-block; width:94px; height:27px; line-height:27px; color:#29282d; border:1px solid #29282d; margin:19px ; text-align:center;}
.line-more a:hover{color:#00a0e9; border:1px solid #00a0e9;}
.box-do{ padding-top:50px; background:url(../Images/ab_08.jpg) bottom repeat-x; font-size:14px; color:#202020; }
.line-more-lf{ background:url(../Images/ab_03.jpg) no-repeat top left; color:#aaa; font-size:14px; text-align:left;}
.line-lf{ width:75%; float:left; text-indent:2em; line-height:65px;}
.line-rg{ width:23%; float:right; color:#00a0e9; text-align:right;}
.line-rg a{ margin-right:0;}
.box-do ul{ overflow:hidden;}
.box-do li{ width:19%; float:left; margin-bottom:45px; text-align:center; padding:0 3%; word-break:break-all;transition:all 0.2s;}
.box-do li img{ display: inline-block; margin-bottom:25px;transition:all 0.2s;}
.box-do li span{ line-height:25px; min-height:50px; display:block;}
.box-do li:hover img{-webkit-transform:translateY(10px);-moz-transform:translateY(10px);	-ms-transform:translateY(10px);	transform:translateY(10px);	}
.box-do li:hover{ color:#00a0e9;}
.box-chose{ padding-top:50px; overflow:hidden; width:100%; padding-bottom:50px;}
.box-chose .bx-pager{ display:none;}
.box-chose .title-h2{ padding-bottom:40px;}
.chose-list{ position:relative;}
.chose-list .slide{ text-align: center; }
.chose-list ul{ margin:0 auto;  width:1200px;}
.chose-list li{ width:1200px; text-align:center; width:100%;}
.box-chose .bx-controls-direction{ position:absolute; top:50%; width:100%; margin-top:-19px;}
.box-chose .bx-prev{ background:#f4f4f4 url(../Images/left_03.png) no-repeat center center; display:block; width:38px; height:38px; left:0; float:left; text-indent:-99999px;}
.box-chose .bx-next{ background:#f4f4f4 url(../Images/right_03.png) no-repeat center center; display:block; width:38px; height:38px; right:0; float:right;text-indent:-99999px;}





/* 媒体报道 */
.nymedia-first{ border-bottom: 3px solid #15b6ff; background-color: #46454e;}
.nymedia-first-pic{ width: 65%;}
.nymedia-first-wen{ width: 28.7%; margin-right: 2.7%;}
.nymedia-first-date{ background: url(../Images/meida_06.png) no-repeat right 40px;}
.nymedia-first-date-day{ font-family: 'caption NotoSansHansDemiLight'; color: #fff; font-size: 58px; line-height: 84px; float: left;}
.nymedia-first-date-month{ float: left; font-size: 16px; color: #fff; margin-top: 20px; opacity: .8; line-height: 1.2; font-family: 'NotoSansHansDemiLight';}
.nymedia-first-date-month span.dayy{ font-size: 14px; display: block; font-family: 'NotoSansHansDemiLight'; opacity: .5;}
.nymedia-first-tit{ width: 100%; font-size: 16px; height: 60px; line-height: 60px; overflow: hidden;}
.nymedia-first-tit a{ color: #fff;}
.nymedia-first-wen p{ font-size: 13px; color: #989797; line-height: 26px; height: 104px; overflow: hidden;}
.fx4{ float: right; margin-top: 20px;}
.fx4 span{ float: left; font-size: 13px; color: #999; line-height: 42px;}
.fx4 a.bds_weixin{ display: block; width: 31px; height: 30px; padding: 0; background: url(../Images/fx1_03.png) no-repeat; background-position: 0; margin-right: 8px;}
.fx4 a.bds_tsina{ display: block; width: 31px; height: 30px; padding: 0; background: url(../Images/fx2_03.png) no-repeat; background-position: 0; margin-right: 8px;}
.fx4 a.bds_sqq{ display: block; width: 31px; height: 30px; padding: 0; background: url(../Images/fx3_03.png) no-repeat; background-position: 0; margin-right: 8px;}
.media-list{ margin-top: 38px;}
.media-list ul li{ height: 69px; line-height: 69px; border-bottom: 1px solid #d8d8d8; background: url(../Images/view1_03.jpg) no-repeat right center; overflow: hidden; font-size: 16px; padding-right: 30px;}
.media-list ul li a{ color: #202020; display: block;}
.media-list ul li span{ float: left; height: 16px; font-size: 16px; line-height: 16px; color: #00a0e9; padding-right: 22px; border-right: 1px solid #d8d8d8; margin-top: 28px; margin-right: 22px;}
.media-list ul li:hover{ background: #00a0e9 url(../Images/you2_03.png) no-repeat right 30px center; transform: scaleX(1.069); padding-right: 90px;}
.media-list ul li:hover a{ background-color: #46454e; padding-left: 30px; color: #fff;}
.media-list ul li:hover span{ border-right: 1px solid #fff; color: #fff;}


/* 曼朗视野 */
.nywrap-tit{ height: 145px; background-color: #f5f5f5;}
.viewtit{ position: relative;}
.comt{ position: absolute; left: 0; top: 30px; background: url(../Images/bg_03.png) no-repeat left top; height: 124px; color: #202020; font-size: 20px; padding-left: 45px; padding-top: 26px;}
.comt span{ display: block; font-size: 14px; color: #aaa; text-transform: uppercase; margin-top: 6px;}
.viewtit p{ color: #202020; font-size: 14px; line-height: 32px; margin-left: 240px; padding-top: 54px;}
.viewtit p span{ color: #00a0e9;}
.view-list{ margin-top: 86px;}
.view-list ul li{ float: left; width: 22.5%; height: 320px; padding-bottom: 10px; margin-right: 3.33%; margin-bottom: 40px; overflow: hidden; position: relative;}
.view-list ul li:nth-child(4n){ margin-right: 0;}
.sy-pic{ height: 253px; overflow: hidden; position: relative; transition: all linear .2s;}
.sy-pic img{ transition: all linear .2s;}
.sy-wen{ position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: #000; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=60); background-color: rgba(0,0,0,.6); display: none;}
.sy-wen strong{ color: #fff; font-weight: normal; display: block; text-align: center; font-size: 16px; padding-top: 34px;}
.sy-wen span{ width: 88.88%; margin: 10px auto 0; font-size: 14px; color: #fff; display: block; text-align: center; opacity: .7; border-bottom: 1px solid rgba(255,255,255,.7); padding-bottom: 16px;}
.sy-wen p{ font-size: 14px; color: #c2c2c2; width: 88.88%; margin: 15px auto 0; line-height: 24px; height: 144px; overflow: hidden;}
.view-list ul li i{ display: block; position: absolute; width: 243px; left: 14px; top: 249px; transition: all linear .2s;}
.sy-js{ text-align: center;}
.sy-js strong{ font-weight: normal; font-size: 16px; color: #202020; display: block; margin-top: 22px;}
.sy-js p{ font-size: 14px; color: #aaa; margin-top: 4px;}
.view-list ul li:hover .sy-pic{ height: 316px;}
.view-list ul li:hover i{ top: 312px;}
.sypaging{ margin: 20px 0 52px;}



.team-list{ margin: 77px auto 60px;}


/* 整合策略 */
.ny-common{ margin-top: 76px;}
.common-k1{ padding-bottom: 58px;}
.strategy-l{ width: 51.66%;}
.commonbg1 strong{ padding: 36px 30px 0;}
.ny-common-tit strong{ font-weight: normal; font-size: 30px; color: #202020;}
.ny-common-tit strong a{ color: #202020;}
.ny-common-tit p{ font-size: 14px; color: #888; margin-top: 22px;}
.ny-common-tit span{ display: block; font-size: 14px; color: #ccc; margin-top: 10px;}
.commonbg1 span{ text-transform: uppercase; padding-left: 30px;}
.common-con1{ padding-left: 30px; margin-top: 35px;position:relative;}
.common-con1 p{ font-size: 14px; color: #888; padding-left: 18px; line-height: 40px; background: url(../Images/bg3_03.jpg) no-repeat left center;}
.common-con1 span{ display: block; font-size: 18px; color: #202020; margin-top: 34px; margin-bottom: 30px;}
.common-con1 span a{ color: #202020;}
.strategy-r{ width: 48%; margin-top: 18px;}

.center{ text-align: center;}
.common-k2{ background-color: #fafafa; padding: 64px 0 40px;}
.commonbg2 strong{  padding: 36px 30px 0;}
.common-k3{ padding-top: 68px;}

.commonbg3 strong{padding: 36px 30px 0;}
.commonbg3 span{ text-transform: uppercase; padding-left: 0;}
.cl-con{ position: relative;}
.cl-con ul li{ position: absolute;}
.cl-con ul li strong{ font-weight: normal; font-size: 18px; color: #202020;}
.cl-con ul li p{ font-size: 14px; color: #8f8f8f; line-height: 20px; margin-top: 4px;}
.cl-con ul li.ad1{ width: 300px; left: 0; top: 56px;}
.cl-con ul li.ad2{ width: 300px; right: 0; top: 56px;}
.cl-con ul li.ad3{ width: 300px; left: 28px; top: 222px;}
.cl-con ul li.ad4{ width: 300px; right: 28px; top: 222px;}
.cl-con ul li.ad5{ width: 300px; left: 152px; top: 374px;}
.cl-con ul li.ad6{ width: 300px; right: 152px; top: 374px;}

.cl2-con{ position: relative;}
.cl2-con ul li{ position: absolute;}
.cl2-con ul li strong{ font-weight: normal; font-size: 18px; color: #17a5e0;}
.cl2-con ul li p{ font-size: 14px; color: #aaa; line-height: 20px; margin-top: 4px;}
.cl2-con ul li.ad1{ width: 300px; left: 155px; top: 91px;}
.cl2-con ul li.ad2{ width: 300px; right: 155px; top: 91px;}
.cl2-con ul li.ad3{ width: 300px; left: 28px; top: 222px;}
.cl2-con ul li.ad4{ width: 320px; right: 0; top: 222px;}
.cl2-con ul li.ad5{ width: 234px; left: 0; top: 370px;}
.cl2-con ul li.ad6{ width: 228px; right: 0; top: 370px;}

.common-k4{ background-color: #fafafa; padding: 90px 0 58px;}
.strategy-l2{ width: 50%; margin-top: 25px;}
.strategy-r2{ width: 44.33%;}
.commonbg4 strong{ padding: 36px 30px 0;}
.commonbg4 span{ text-transform: uppercase; padding-left: 30px;}
.common-con4{ margin-top: 50px; padding-left: 30px;}
.common-con4 ul li{ overflow: hidden; margin-top: 30px;}
.common-con4 ul li img{ float: left; margin-right: 16px;}
.common-con4 ul li strong{ float: left; font-size: 18px; color: #00a0e9; font-weight: normal; margin-right: 100px; margin-top: 6px;}
.common-con4 ul li p{ font-size: 14px; color: #888; float: left; line-height: 24px; margin-top: 7px;}

.common-k5{ padding: 38px 0 58px;}
.strategy-l3{ width: 47%;}
.strategy-r3{ width: 47.5%; margin-top: 88px;}
.commonbg5 strong{ padding: 36px 30px 0;}
.commonbg5 span{ text-transform: uppercase; padding-left: 30px;}
.common-con5{ padding-left: 30px; margin-top: 56px;}
.common-con5 p{ font-size: 16px; color: #555; line-height: 34px;}
.common-con5 span{ font-size: 14px; color: #ccc; line-height: 24px; display: block; margin-top: 6px; margin-bottom: 22px;}


/* 网站案例 */
.case-list{ width: 100%; max-width: 1274px; margin: 68px auto 14px;}
.case-list ul{ overflow: hidden;}
.case-list ul li{ float: left; width: 31.94%; margin-right: 2%; margin-bottom: 48px;}
.case-list ul li:nth-child(3n){ margin-right: 0;}
.case-list-pic{ background: url(../Images/casebg_03.png) no-repeat; background-size: 100% 100%; padding: 9px 0 17px; position: relative;}
.case-list-pic:after{ position: absolute; content: ""; width: 100%; height: 40px; background: url(../Images/yy_03.jpg) no-repeat; left: 0; top: 100%; z-index: -1;}
.case-list-pic a{ display: block; width: 77%; margin: 0 auto; overflow: hidden;}
.case-list-pic a img{ transition: all linear .2s;}
.case-list ul li strong{ display: block; text-align: center; font-weight: normal; font-size: 16px; margin-top: 22px;}
.case-list ul li strong a{ color: #202020; transition: all linear .2s;}
.case-list ul li span{ display: block; text-align: center; font-size: 14px; height: 19px; color: #aaa; margin-top: 2px;}
.case-list .paging{ margin-top: 18px;}
.case-list-pic a:hover img{ transform: scale(1.1);}
.case-list ul li strong a:hover{ color: #00a0e9;}


/* 网站案例详情 */
.case-detail{ margin-top: 60px; margin-bottom: 90px; position: relative;}
.case-detail-l{ width: 66.6%; min-height: 670px;}
.case-detail-r{ width: 348px; float: right;}
.case-detail-r-tit strong{ font-weight: normal; font-size: 28px; color: #202020;}
.case-detail-r-tit span{ font-size: 14px; color: #aaa; display: block; margin-top: 12px; padding-bottom: 30px; border-bottom: 1px dashed #bcbcbc;}
.case-detail-r-tit p{ font-size: 14px; color: #aaa; margin-top: 12px; padding-bottom: 25px; line-height: 26px; border-bottom: 1px dashed #bcbcbc;}
.case-detail-r-con span{ display: inline-block; width: 82px; height: 28px; text-align: center; line-height: 28px; font-size: 14px; color: #888; background-color: #f3f3f3; margin: 42px 15px 0 0; }
.case-detail-r-con ul li{ float: left; width: 47.4%; margin-right: 5.2%; margin-top: 26px;}
.case-detail-r-con ul li strong{ font-weight: normal; font-size: 14px; display: block; margin-top: 10px;}
.case-detail-r-con ul li strong a{ color: #202020;}
.case-detail-r-con ul li p{ font-size: 12px; color: #ccc; text-transform: uppercase; margin-top: 4px;}
.case-detail-r-con ul li:nth-child(2n){ margin-right: 0;}
.positionf{ position: fixed; left: 50%; top: 175px; margin-left: 600px; transform: translateX(-100%);}
.positiona{ position: absolute; right: 0; bottom: 0;}



/* 营销案例 */
.marketing{ margin-top: 64px; margin-bottom: 85px;}
.marketing-list ul li{ float: left; width: 50%; border-bottom: 4px solid #f4f4f4; padding-bottom: 40px; transition: all linear .2s;}
.marketing-tit{ height: 70px; background: #f4f4f4 url(../Images/xia1_03.png) no-repeat right 52px center; padding-top: 25px; transition: all linear .2s;}
.marketing-tit p{ margin-left: 65px; font-size: 18px; color: #202020; transition: all linear .2s;}
.marketing-tit p span{ display: block; font-size: 14px; color: #202020; text-transform: uppercase; margin-top: 3px; transition: all linear .2s;}
.marketing-pic{ width: 30.5%; float: left; margin-top: 54px; border: 1px solid #e4e4e4;}
.marketing-wen{ float: right; width: 64%; margin-top: 54px;}
.marketing-wen strong{ font-weight: normal; line-height: 1; font-size: 20px; color: #202020;}
.marketing-wen p{ width: 80%; font-size: 14px; color: #aaa; line-height: 30px; margin-top: 28px; height: 60px; overflow: hidden;}
.marketing-wen i{ display: block; width: 31px; height: 31px; background: url(../Images/view3_06.png) no-repeat; margin-top: 10px;}
.marketing-list ul li.active{ border-bottom: 4px solid #00a0e9;}
.marketing-list ul li.active .marketing-tit{ background: #00a0e9 url(../Images/xia2_03.png) no-repeat right 52px center;}
.marketing-list ul li.active .marketing-tit p{ color: #fff;}
.marketing-list ul li.active .marketing-tit p span{ color: #fff;}
.marketing-list ul li.active .marketing-wen i{ background: url(../Images/view2_03.jpg) no-repeat;}
.marketing-case{ overflow: hidden; border-left: 1px solid #ededed; border-top: 1px solid #ededed; margin-top: 60px; margin-bottom: 50px;}
.marketing-case ul li{ box-sizing: border-box; float: left; width: 16.66%; height: 144px; text-align: center; border-right: 1px solid #ededed; border-bottom: 1px solid #ededed;}
.marketing-case ul li img{ display: inline-block; margin-top: 40px; }
.marketing-case ul li .last-a{ display: block; width: 200px; height: 105px; background-color: #46454e; text-align: center; padding-top: 40px;}
.marketing-case ul li .last-a strong{ font-weight: normal; font-size: 18px; color: #fff;}
.marketing-case ul li .last-a span{ display: block; margin: 22px auto 0; background-color: #fff; width: 68px; height: 20px; border-radius: 10px; text-align: center; line-height: 20px; font-size: 10px; color: #46454e; text-transform: uppercase;}


/* 营销案例详情 */
.marketing-detail-l{ width: 66.66%; background: url(../Images/bg5_05.jpg) no-repeat; padding-top: 62px; padding-bottom: 24px; position: relative;}
.marketing-detail-l:after{ content: ""; position: absolute; width: 100%; height: 70px; background-color: #f3f3f3; left: 0; bottom: 0; z-index: -1;}
.marketing-detail-tit strong{ font-weight: normal; font-size: 28px; color: #fff; display: block; text-align: center;}
.marketing-detail-tit span{ font-size: 14px; line-height: 30px; color: #fff; display: block; text-align: center; text-transform: uppercase;}
.marketing-detail-l ul{ text-align: center; margin-top: 50px;}
.marketing-detail-l ul li{ display: inline-block; width: 101px; height: 32px; text-align: center; line-height: 32px; color: #fff; border: 1px solid #fff; font-size: 14px; margin: 0 7px; cursor: pointer;}
.marketing-detail-l ul li.active{ background-color: #fff; color: #00a0e9; position: relative;}
.marketing-detail-l ul li.active:after{ content: ""; position: absolute; width: 0; height: 0; border: 6px solid transparent; border-top: 6px solid #fff; left: 50%; top: 100%; transform: translateX(-50%);}
.marketing-detail-pad{ width: 589px; height: 705px; padding-top: 42px; background: url(../Images/pad_03.png) no-repeat; margin: 34px auto 0;}
.marketing-detail-item{ width: 471px; height: 639px; margin-left: 47px; border: 1px solid #e8e8e8;}
.marketing-detail-r{ width: 28.75%;}
.marketing-detail-r-tit{ padding-bottom: 22px; border-bottom: 1px dashed #c3c3c3;}
.marketing-detail-r-tit span{ font-size: 14px; color: #aaa; float: right; margin: 25px 14px 0 0;}
.marketing-detail-r-k{ border-bottom: 1px dashed #c3c3c3; padding-bottom: 14px;}
.marketing-detail-r-k strong{ font-weight: normal; display: inline-block; padding: 0 25px; height: 36px; line-height: 36px; background-color: #f3f3f3; font-size: 18px; color: #202020; margin-top: 26px;}
.marketing-detail-r-k p{ font-size: 14px; color: #888; line-height: 30px; margin-top: 10px;}
.marketing-detail-r-k p span{ color: #00a0e9;}
.marketing-detail-r-k ul{ margin-top: 18px;}
.marketing-detail-r-k ul li{ margin-bottom: 15px; overflow: hidden;}
.marketing-detail-r-k ul li span{ display: block; float: left; width: 34px; height: 34px; font-size: 18px; color: #888; text-align: center; line-height: 34px; background-color: #f3f3f3;}
.marketing-detail-r-k ul li div{ margin-left: 42px; line-height: 34px; font-size: 14px; color: #888;}
.marketing-detail-r-k p a{ display: block; color: #00a0e9;}


/* rtb */
.lan_sanjiao{ width:0px; border-top: 6px solid #17a5e0; border-left: #fafafa 6px solid; border-right:6px solid #fafafa; border-bottom:0; margin:0 auto; margin-top: 30px; margin-bottom: 25px; }
.rtb{ margin-top: 48px;}
.rtb-l1{ margin-top: 56px;}
.rtb-r1{ margin-top: 0;}
.rtb-common1{ background-color: #fafafa; padding: 44px 0 30px;}
.rtb-l2{ margin-top: 0px;}
.rtb-r2{ margin-top: 0;}
.rtbbg1 strong{ background: url(../Images/02_03.png) no-repeat; display: inline-block; padding-right: 0;}
.rtbbg1 span{ display: inline-block; padding-left: 24px; color: #aaa;}
.rtbbg1 p{ font-size: 14px; color: #bfbfbf; line-height: 26px; padding-left: 30px;}
.rtbbg2 strong{ background: url(../Images/03_03.png) no-repeat;}
.rtb-common2{ padding: 78px 0 64px 0;}
.rtb-l3{ margin-top: 46px;}
.rtb-wen{ margin-top: 72px;}
.rtb-wen p{ line-height: 24px; background: url(../Images/bg3_03.jpg) no-repeat left 8px; margin-bottom: 18px;}
.rtbbg4 strong{ background: url(../Images/04_03.png) no-repeat;}
.rtb-common6{ background-color: #fafafa; padding: 74px 0 50px 0;}
.commonbg6 strong{  padding: 36px 30px 0;}
.commonbg6 strong a{ color: #202020;}
.commonbg6 span{ padding-left: 30px; color: #bbb; font-size: 14px; text-transform: uppercase;}
.rtb-l6{ margin-top: 48px;}
.common-con6{ padding-left: 30px; margin-top: 48px;}
.common-con6 span{ margin-top: 0;}
.common-k7{ padding-top: 70px;}
.commonbg7 strong{padding: 36px 30px 0;}
.common-con7{ margin-top: 36px;}
.common-con7 ul li{ height: 83px; background: #fafafa url(../Images/view1_03.jpg) no-repeat right 32px center; border: 1px solid #eee; margin-left: 45px; margin-bottom: 43px; position: relative; transition: all linear .2s;}
.rtb-pic{ position: absolute; width: 98px; height: 96px; border-radius: 50%; overflow: hidden; left: -48px; top: -5px; box-shadow: 1px 1px 3px rgba(0,0,0,.28);  transition: all ease-in-out .3s;}
.common-con7 ul li:hover .rtb-pic{ transform: rotateZ(360deg);}
.common-con7 ul li span{ font-size: 16px; color: #202020; line-height: 40px; float: left; height: 40px; margin-top: 21px; border-right: 1px solid #dfdfdf; padding-right: 22px; margin-left: 75px;}
.rtb-bk{ margin-left: 25px;}
.rtb-bk strong{ font-weight: normal; font-size: 16px; color: #202020; line-height: 26px; display: block; margin-top: 18px; height: 26px; overflow: hidden;}
.rtb-bk p{ font-size: 14px; color: #aaa; line-height: 24px; height: 24px; overflow: hidden;}
.common-con7 ul li:hover{ background: #fff url(../Images/view2_03.jpg) no-repeat right 32px center; box-shadow: 0 2px 2px rgba(0,0,0,.1);}
.common-con7 ul li:hover:after{ content: ""; position: absolute; width: 3px; height: 84px; background-color: #17a5e0; right: 0; top: 0;}
.common-k8{ background-color: #fafafa; padding: 66px 0 80px; margin-top: 60px;}
.rtbbg8 strong{ padding: 36px 30px 0;}
.common-k8 ul{ margin-top: 36px;}
.common-k8 ul li{ float: left; width: 30.33%; margin-right: 4.5%;}
.common-k8 ul li:nth-child(3n){ margin-right: 0;}
.rtb-news-pic{ padding: 7px; background-color: #fff; box-shadow: 2px 2px 3px rgba(0,0,0,.1);}
.common-k8 ul li .date{ margin-top: 26px; font-size: 18px; color: #666; line-height: 1; padding-right: 18px; height: 78px; border-right: 1px solid #e2e2e2; background: url(../Images/rtbp9_07.jpg) no-repeat right 18px bottom;}
.common-k8 ul li .date span{ display: block; font-size: 12px; color: #bbb; line-height: 26px;}
.rtb-news-wen{ margin-left: 88px; font-weight: normal; margin-top: 26px;}
.rtb-news-wen strong{ display: block; font-size: 18px; color: #1c1c1c; line-height: 1; height: 18px; overflow: hidden;}
.rtb-news-wen p{ font-size: 13px; color: #999; line-height: 24px; margin-top: 14px; height: 48px; overflow: hidden;}
.common-k8 ul li:hover .date{ background: url(../Images/rtbp10_07.jpg) no-repeat right 18px bottom;}



/* sem */
.sem-common1{ background-color: #fafafa; padding: 66px 0 40px;}
.sem-con1{ padding-top: 62px; background: url(../Images/xj_05.jpg) no-repeat center 16px;}
.sem-con1 ul li{ width: 20%; float: left; text-align: center;}
.sem-con1 ul li strong{ font-weight: normal; display: block; font-size: 18px; color: #202020; line-height: 44px; margin-top: 16px;}
.sem-con1 ul li p{ font-size: 14px; color: #8f8f8f; line-height: 28px;}
.sem-con1 ul li:hover img{ animation: animate 1s;}
@keyframes animate{
	0%{ transform: translateY(0);}
	25%{ transform: translateY(-20px);}
	50%{ transform: translateY(0);}
	65%{ transform: translateY(-12px);}
	80%{ transform: translateY(0);}
	90%{ transform: translateY(-4px);}
	100%{ transform: translateY(0);}
}
.sem-common2{ background-color: #fafafa;}
.sembg4 strong{  padding: 36px 30px 0;}
.sembg4 span{ padding-left: 30px; text-transform: uppercase;}
.sem-common5{ padding: 56px 0 50px;}
.sem-common6{  margin-top: 0;}
.sembg6 strong{ padding: 36px 30px 0;}
.sem-common7{ margin-bottom: 70px;}

.text-left{ text-align: left;}
.text-right{ text-align: right;}
.sem-advantage{ position: relative;}
.sem-advantage ul{position: absolute; width: 100%; left:0; top:0;}
.sem-advantage ul li{ position: absolute;}
.sem-advantage ul li strong{ font-weight: normal; font-size: 18px; color: #17a5e0;}
.sem-advantage ul li p{ font-size: 14px; color: #aaa; line-height: 20px; margin-top: 4px;}
.sem-advantage ul li.ad1{ width: 485px; left: 82px; top: 78px;}
.sem-advantage ul li.ad2{ width: 300px; left: 34px; top: 230px;}
.sem-advantage ul li.ad3{ width: 326px; left: 870px; top: 230px;}
.sem-advantage ul li.ad4{ width: 300px; left: 0; top: 374px;}
.sem-advantage ul li.ad5{ width: 290px; left: 907px; top: 374px;}

/* seo */
.seo-common2{ background-color: #fafafa; padding: 46px 0 46px;}
.seol1{ width: 50%; margin-top: 50px;}
.seor1{ width: 47%; margin-top: 0;}
.seo-wen1{ margin-top: 30px;}
.seo-wen1 ul li{ padding-left: 68px; background: url(../Images/bg3_03.jpg) no-repeat 30px center; font-size: 14px; color: #888; line-height: 46px;}
.seo-wen1 ul li span{ display: inline-block; margin-right: 16px; padding-right: 16px; font-size: 16px; color: #202020; position: relative;}
.seo-wen1 ul li span:after{ content: ""; position: absolute; width: 1px; height: 16px; background-color: #d2d2d2; right: 0; top: 16px;}
.seo-advantage{ position: relative;}
.seo-advantage ul{position: absolute; width: 100%; left:0; top:0;}
.seo-advantage ul li{ position: absolute;}
.seo-advantage ul li strong{ font-weight: normal; font-size: 18px; color: #17a5e0;}
.seo-advantage ul li p{ font-size: 14px; color: #aaa; line-height: 20px; margin-top: 4px;}
.seo-advantage ul li.ad1{ width: 460px; left: 0; top: 92px;}
.seo-advantage ul li.ad2{ width: 452px; right: 0; top: 92px;}
.seo-advantage ul li.ad3{ width: 335px; left: 0; top: 222px;}
.seo-advantage ul li.ad4{ width: 326px; right: 0; top: 222px;}
.seo-advantage ul li.ad5{ width: 300px; left: 0; top: 368px;}
.seo-advantage ul li.ad6{ width: 290px; right: 0; top: 368px;}

/* 名誉管理 */
.reputation span{ color: #aaa; margin-top: 20px;}
.reputation-k2{ background-color: #fafafa; padding: 74px 0 58px;}
.reputation-common5{ background-color: #fafafa; padding: 74px 0 48px;}

.my-con{ position: relative;}
.my-con-w{ position: absolute; width: 300px; height: 502px;}
.my-con-l{ left: 0; top: 110px; background: url(../Images/myp5_03.jpg) no-repeat right top;}
.my-con-r{ right: 0; top: 110px; background: url(../Images/myp6_03.jpg) no-repeat left top;}
.my-con-tit{ width: 246px;}
.my-con-tit strong{ font-weight: normal; font-size: 18px; color: #00a0e9;}
.my-con-tit p{ font-size: 14px; color: #00a0e9; margin-top: 2px;}
.my-con-w ul{ margin-top: 36px;}
.my-con-w ul li{ width: 210px; font-size: 14px; color: #777; line-height: 48px;}
.my-con-l ul li{ text-align: right; padding-right: 34px; background: url(../Images/myp7_03.jpg) no-repeat right center;}
.my-con-r ul li{ text-align: left; padding-left: 34px; background: url(../Images/bg3_03.jpg) no-repeat left center;}

.mghonor{ position: relative;}
.mghonor ul li{ position: absolute;}
.mghonor ul li{ position: absolute;}
.mghonor ul li strong{ font-weight: normal; font-size: 18px; color: #17a5e0;}
.mghonor ul li p{ font-size: 14px; color: #aaa; line-height: 20px; margin-top: 4px;}
.mghonor ul li.ad1{ width: 432px; left: 136px; top: 72px;}
.mghonor ul li.ad2{ width: 273px; left: 62px; top: 218px;}
.mghonor ul li.ad3{ width: 328px; right: 0; top: 218px;}
.mghonor ul li.ad4{ width: 298px; left: 0; top: 364px;}
.mghonor ul li.ad5{ width: 290px; right: 0; top: 364px;}


/* 数据分析 */
.fxi-l1{ width: 53.66%;}
.fxi-r1{ width: 46%; margin-top: 0;}
.fxi-con ul{ margin-top: 0;}
.fxi-con ul li{ width: 25%; margin-right: 0;}
.fxi-con ul li strong{ margin-top: 0;}


/* 网站制作 */
.planmake-con{ background-color: #fafafa; padding: 66px 0 80px; margin-top: 60px;}
.make{ margin-top: 60px;}
.make-l{ margin-top: 36px;}
.make-span span{ color: #bbb;}
.make-con3{ padding: 64px 0 42px;}
.make-con5{ padding: 74px 0 54px;}
.makebg5 strong{ padding: 36px 30px 0; background: url(../Images/05_06.png) no-repeat;}
.makebg5 p{ padding-left: 30px; font-size: 16px; color: #555; margin-top: 30px;}
.makebg5 span{ padding-left: 30px;}
.make-ul{ margin-top: 38px;}
.make-ul ul li{ font-size: 16px; color: #202020; line-height: 40px;}
.make-l5{ margin-top: 26px;}
.make-wen5{ margin-top: 84px;}
.make-con6{ background-color: #fafafa; padding: 40px 0 22px;}
.make-l6{ margin-top: 84px;}
.make-con7{ padding: 66px 0 26px;}
.make-t7 strong{ background: url(../Images/077_03.png) no-repeat; padding: 36px 30px 0;}
.make-wen7 ul li{ width: 20%;}
.make-t8 strong{ background: url(../Images/08_03.png) no-repeat; padding: 36px 30px 0;}
.make-t9  strong{ background: url(../Images/09_03.png) no-repeat; padding: 36px 30px 0;}
.make-con9{ margin-bottom: 64px;}

.plan-pos{ position: relative;}
a.ckmore{ position: absolute; display: block; padding: 4px 10px; border: 1px solid #ddd; font-size: 14px; color: #666; right: 0; bottom: 40px;}

.planmake{ position: relative;}
.planmake ul{ position: absolute; top:0; left:0; width:100%; }
.planmake ul li{ position: absolute;}
.planmake ul li strong{ font-weight: normal; font-size: 18px; color: #202020;}
.planmake ul li p{ font-size: 14px; color: #8f8f8f; line-height: 26px; margin-top: 6px;}
.planmake ul li.pl1{ width: 300px; left: 0; top: 65px;}
.planmake ul li.pl2{ width: 300px; right: 0; top: 65px;}
.planmake ul li.pl3{ width: 300px; left: 28px; top: 234px;}
.planmake ul li.pl4{ width: 300px; right: 28px; top: 234px;}
.planmake ul li.pl5{ width: 300px; left: 156px; top: 386px;}
.planmake ul li.pl6{ width: 300px; right: 156px; top: 386px;}

/* 响应式 */
.resp1{ margin-top: 40px;}
.resp-con1{ padding: 66px 0;}
.resp-wen2 ul li{ width: 16.66%;}
.resp-t3 strong{ background: url(../Images/033_03.png) no-repeat; padding: 36px 30px 0;}
.resp-t5 strong{ background: url(../Images/05_06.png) no-repeat; padding: 36px 30px 0;}
.resp-t5 span{ text-transform: uppercase; font-size: 14px; color: #bbb;}
.resp-com5{ padding: 66px 0 38px;}
.resp-con5{ overflow: hidden; padding-top: 66px; background: url(../Images/xj_05.jpg) no-repeat center 20px; position: relative;}
.resp-con5 .slide{ float: left; width: 31.94%; margin-right: 2%; margin-bottom: 48px;}
.resp-con5 .slide:nth-child(3n){ margin-right: 0;}
.case-list-pic{ background: url(../Images/casebg_03.png) no-repeat; background-size: 100% 100%; padding: 9px 0 17px; position: relative;}
.case-list-pic:after{ position: absolute; content: ""; width: 100%; height: 40px; background: url(../Images/yy_03.jpg) no-repeat; left: 0; top: 100%; z-index: -1; background-size: 100% 100%;}
.case-list-pic a{ display: block; width: 77%; margin: 0 auto; overflow: hidden;}
.case-list-pic a img{ transition: all linear .2s;}
.resp-con5 .slide strong{ display: block; text-align: center; font-weight: normal; font-size: 16px; margin-top: 22px;}
.resp-con5 .slide strong a{ color: #202020; transition: all linear .2s;}
.resp-con5 .slide span{ display: block; text-align: center; font-size: 14px; color: #aaa; margin-top: 2px;}
.case-list .paging{ margin-top: 18px;}
.case-list-pic a:hover img{ transform: scale(1.2);}
.resp-con5 .slide strong a:hover{ color: #00a0e9;}
.resp-con5 .bx-controls-direction{ display: none;}
.resp-con5 .bx-pager{ text-align: center; width: 100%; position: absolute; left: 0; bottom: 0;}
.resp-con5 .bx-pager-item{ display: inline-block; width: 15px; height: 15px; margin: 0 4px; text-indent: -999px; overflow: hidden;}
.resp-con5 .bx-pager-item a{ display: block; width: 15px; height: 15px; background: url(../Images/ho2_03.jpg) no-repeat;}
.resp-con5 .bx-pager-item a.active{ background: url(../Images/ho1_03.jpg) no-repeat;}
.resp-form{ height: 373px; background: url(../Images/respbg_02.jpg) no-repeat; background-size: cover;}
.resp-form-p p{ font-size: 18px; color: #111;}
.resp-form-p p i{ font-style: normal; color: #00a0e9;}
.uppercase{ text-transform: uppercase;}
.resp-pos{ position: relative;}
.resp-pos ul li{ position: absolute;}
.resp-pos ul li strong{ font-weight: normal; font-size: 18px; color: #17a5e0;}
.resp-pos ul li p{ font-size: 14px; color: #aaa; line-height: 20px; margin-top: 4px;}
.resp-pos ul li.ad1{ width: 400px; left: 170px; top: 72px;}
.resp-pos ul li.ad2{ width: 268px; left: 58px; top: 224px;}
.resp-pos ul li.ad3{ width: 330px; right: 0; top: 224px;}
.resp-pos ul li.ad4{ width: 300px; left: 0; top: 368px;}
.resp-pos ul li.ad5{ width: 290px; right: 0; top: 368px;}


.team-w{ width: 100%; max-width: 1000px; margin: 50px auto; text-align: left;}
.team-wr{ display: inline-block; position: relative;}
.team-w a{ display: block; position: absolute; width: 160px; height: 160px;}
.team-w a.team1{ left: 0px; top: 0px;}
.team-w a.team2{ left: 720px; top: 0px;}
.team-w a.team3{ left: 160px; top: 160px;}
.team-w a.team4{ left: 640px; top: 240px;}
.team-w a.team5{ left: 482px; top: 405px;}
.team-w a.team6{ left: 0px; top: 485px;}
.team-w a.team7{ left: 720px; top: 565px;}
.team-w a.team8{ left: 240px; bottom: 0;}
.team-item{ position: absolute; width:458px;padding-left: 317px; height:161px; display: none; }
.team-item1{left:0px; top:0;}
.team-item3{left:161px; top:161px; }
.team-item6{left:0px; top:486px; }
.team-item2{right:81px; top:0px; padding-right: 317px; padding-left:0;}
.team-item4{right: 159px;    top: 242px;padding-right: 317px; padding-left:0; }
.team-item5{    right: 319px;    top: 405px;padding-right: 317px; padding-left:0; }
.team-item7{    right: 80px;    bottom: 0px;padding-right: 317px; padding-left:0; }
.team-item8{left:240px;  bottom: 0px;}

.team-item-w{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);height:161px; width:457px;background-color: rgba(0,0,0,.8); z-index: 1001;}
.teat{height: 175px; background: url(../Images/tbg.png) no-repeat;}
.teat span{ display: block; width: 156px; height: 156px; margin: 0 auto; border-radius: 50%; border: 3px solid #0fb4ff; overflow: hidden; transform: translateX(4px);}
.teat2{ border-top: none; padding:15px;}
.teat2 h3{ color: #24baff; font-size: 20px; line-height: 25px; padding:0; display: inline-block; width:auto;}
.teat2 span{ display: inline-block; width:auto; font-size: 14px; color: #fff; line-height: 25px; position: relative;}
.teat2 p{margin-top:10px; padding-top:10px; border-top: 1px solid rgba(255,255,255,.2); font-size: 13px; color: #bbb; line-height: 20px; }
.team-item-w i{ display: block; position: absolute; width: 24px; height: 24px; right: -62px; top: 15px; cursor: pointer;}

.a_add{ display: block; width:200px; border-radius: 20px; height: 40px; margin:0 auto; text-align: center; color: #fff; font-size: 15px; line-height: 40px; text-align:center;
 background:#00a0e9; margin-top:30px;border:1px solid #00a0e9; transition: all .1s; }
 .a_add:hover{ color: #00a0e9; background: #fff; border:1px solid #00a0e9; transition: all .5s;}

.qq-zx{ position: fixed; left: 0; top: 40%; z-index: 9;}
.qq-zx i{ display: block; width: 19px; height: 91px; position: absolute; left: 100%; top: 38px; cursor: pointer;}


/*enter css*/
.enter_div{ padding-bottom: 80px; }
.enter_div .diagnosis-r{ width:90%; margin:0 auto; padding-top: 2rem; }
.enter_div .diagnosis-r input{ width:100%; }
.enter_div .diagnosis-r p{ text-align: center; padding-top: 3rem; font-size:3.6rem; color: #272636;}
.enter_div .diagnosis-r b{ display: block; color: #999; font-size: 2.5rem;text-align: center; font-weight: normal;    padding: 5px 0; }
.enter_div .diagnosis-r>span{ display: block; color: #c1c1c1; font-size: 2.2rem; text-align: center; line-height: 4.2rem;}
.enter_div .diagnosis-form{padding-top: 2rem;}
.enter_div .textarea button {    width: 152px;    height:35px;    border: 0;    background-color: #1c1c1c;    color: #fff;    font-size: 2.5rem;    float: right;    margin-right: 5px;    cursor: pointer;}

.asl_repair_marketing_more{ width:200px; margin:0 auto; border:1px solid #222; height: 30px; line-height: 30px; text-align: center; color: #333; display: block; }


/*CLEAR the FLOAT*/
.clear { clear:both}
.clearfix { *zoom:1;}
.clearfix:after{
	clear:both; 
	display:block; 
	height:0; 
	visibility:hidden; 
	line-height:0; 
	content:'\20';
}


.more-button {
	display: inline-block;
    overflow: hidden;
    background-color: #17a6e0;
    height: 50px;
    line-height: 50px;
    width: 185px;
    text-align: left;
    padding-left: 35px;
    border-radius: 30px;
    box-shadow: 1px 1px 1px #ccc;
    font-size: 14px;
    color: #fff;
}

.more-button img {
    float: right;
    margin: 20px 30px;
    transition: all .3s;
}

a.more-button:hover { color: #fff;}

.more-button:hover img{ margin-right:50px; transition: all .3s; }

.planmake-foot {
	padding-top: 85px;
	text-align: center;
}

.sem-foot {
	padding-top: 40px;
	text-align: center;
}


.seo-foot {
	padding-top: 30px;
	padding-left: 30px;
	text-align: left;
}


.mghonor-foot {
	padding-top: 40px;
	text-align: center;
}

.dataany-foot {
	padding-top: 60px;
	text-align: center;
}

.price-zh-foot {
	padding-top: 40px;
	text-align: center;
}






.diagnosis-form-item p.mbico {
	margin-bottom: 15px;
	padding-top: 0;
	padding-left: 13px;
	text-align: left;
}

.diagnosis-form-item p.mbico img { width: 20px; margin-right: 10px;}
.diagnosis-form-item p.mbico img,
.diagnosis-form-item p.mbico span { display: inline-block; vertical-align: middle; font-size: 16px; color: #29282d; text-align: left;}

.mb-diagnosis-form-item input { background: none!important;}

.mb-diagnosis-form-item {
	float: none;
	width: 100%;
	padding-bottom: 15px;
}

.mb-diagnosis-form-item .ipbtn {
	margin: 10px auto 0;
	width: 100%;
	height: 55px;
	line-height: 55px;
	text-align: center;
	background-color: #00a0e9;
	border: 1px solid #00a0e9;
}

.mb-diagnosis-form-item .ipbtn span,
.mb-diagnosis-form-item .ipbtn i { vertical-align: middle;}

.mb-diagnosis-form-item .ipbtn span { display: inline-block;font-size: 2.5rem;color: #FFFFFF;}

.mb-diagnosis-form-item .ipbtn  i { display: inline-block; font-style: normal; color: #0099fb; font-size: 2.2rem; margin-left: 20px;}

@media (max-width:374px) {
	.diagnosis-form-item { padding-bottom: 15px;}
	.diagnosis-form-item p.mbico { margin-bottom: 10px; padding-left: 0;}
	.diagnosis-form-item p.mbico img { width: 22px; margin-right: 10px;}
	.diagnosis-form-item p.mbico span { font-size: 16px;}
	.mb-diagnosis-form-item .ipbtn { width: 100%;  margin-top: 10px;}
	.mb-diagnosis-form-item .ipbtn span { font-size: 16px;}
}

@media (max-width:640px) {
	.more-button { display: none;}
}


/*2017-07-18 多选select*/
.ui-multiselect.mySelect.ui-multiselect-menu { padding: 0;}

.ui-multiselect.mySelect .ui-multiselect-checkboxes li { padding: 5px;}

.ui-multiselect.mySelect {
	border: 1px solid #333;
	height: 43px;
	line-height: 40px;
	font-size: 14px;
	color: #222;
	background: #fff;
	overflow: hidden;
}

.ui-multiselect.mySelect .ui-icon {
	background: url(../Images/select_bg.png) no-repeat left center; height: 42px;
}

.ui-multiselect.mySelect.ui-state-active .ui-icon, .mySelect .ui-button:active .ui-icon { background: url(../Images/select_bg.png) no-repeat left center; height: 42px;}

.ui-icon-triangle-1-s { background-position: 0 0;}

.ui-multiselect.mySelect span:nth-child(2) { display: block;}

.ui-multiselect.mySelect .ui-multiselect-checkboxes label { padding-left: 5px;}



/*2017-08-09 about.html*/
.chose-list {
	width: 94%;
	margin: 0 auto;
}

.chose-list img { margin: 0 auto;}

.chose-list .slick-prev,
.chose-list .slick-next {
	width: 36px;
	height: 69px;
	margin-top: -35px;
	opacity: 1;
}

.chose-list .slick-prev { 
	left: -36px;
	background: url(../Images/prev.png) no-repeat;
}

.chose-list .slick-next { 
	right: -36px;
	background: url(../Images/next.png) no-repeat;
}

.chose-list .slick-prev:before, 
.chose-list .slick-next:before {
	content: '';
}